<!DOCTYPE html>
<html>
<head>
    <title>gooreplacer自定义规则</title>
    <link rel="shortcut icon" href="img/gooreplacer.ico">
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/option.css" />
</head>
<body>

    <h1>gooreplacer</h1>
    <h5>想去哪儿，就去哪儿</h5>

    <div class="nav">
        <button id="homepage">主页</button>
        <button id="import">导入</button>
        <button id="export">导出</button>
        <button id="help">帮助</button>
    </div>

    <div id="config" class="dialog">
        <h2>使用帮助</h2>
        <ol>
            <li>每条重定向规则有“开启/停用”两种状态</li>
            <li>使用“导出”功能，可以把当前的重定向规则导出到本地</li>
            <li>使用“导入”功能，可以从本地加载重定向规则</li>
            <li>关于如何用自定义重定向，可以去<a href="https://github.com/jiacai2050/gooreplacer#diy" target="_blank">github查看说明</a>。</li>
        </ol>
        <div class="button-row">
            <button id="close">关闭</button>
        </div>
    </div>
    
    <table id="online" class="gridtable" align="center">
        <thead>
            <tr>
                <th>规则在线URL</th>
                <th>更新频率</th>
                <th>状态</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><input type="text" id="onlineURL" style="width:300px"/></td>
                <td>
                    <select id="onlineInterval">
                        <option value="15">15 分钟</option>
                        <option value="30">30 分钟</option>
                        <option value="45">45 分钟</option>
                        <option value="60"" selected="selected">1 小时</option>
                        <option value="180">3 小时</option>
                        <option value="360">6 小时</option>
                        <option value="720">12 小时</option>
                        <option value="1440">1 天</option>
                    </select>
                </td>
                <td>
                    <select id="onlineEnable">
                        <option value="true">开启</option>
                        <option value="false">关闭</option>
                    </select>
                </td>
                <td>
                    <button id="onlineSave">保存</button>
                </td>
            </tr>
            <tr>
                <td colspan="3">上次更新时间：<span id="lastUpdateTime"></span></td>
                <td>
                    <button id="onlineUpdate">立即更新</button> 
                </td>
            </tr>
        </tbody>
    </table>
    <h3>本地规则</h3>
    <table id="rules" class="gridtable" align="center">
        <thead>
            <tr>
                <th>原始URL</th>
                <th>类型</th>    
                <th>目的URL</th>
                <th></th>
            </tr>
        </thead>
        <tbody></tbody>
        <tfoot>
            <tr align="center">
                <td colspan="4"><img src='img/add.png' id='add' title='新增' style='cursor: pointer;'/></td>
            </tr>
        </tfoot>
    </table>
</body>
</html>
